<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
		<link rel="stylesheet" href="element-plus/index.css" />
		<script src="element-plus/index.full.js"></script>
	</head>
	<body>
		<div id='app'>
			<button>登录</button>
			<el-button size='default' type='primary'>登录</el-button>
			<el-button size='small' type='warning'>登录</el-button>
			<el-button size='large' type='success'>登录</el-button>
			<hr>
			<el-rate v-model="value" :texts="['opps','disappointed','normal','good','great']" show-text>
			</el-rate>
			<hr>
			<el-form stype="width:400px;margin:50px auto;" label-position='right'
			label-width='100'>
				<el-form-item label="用户名">
					<el-input v-model="formInline.user" clearable />
				</el-form-item>
				<el-form-item label="密码">
					<el-input v-model="formInline.user" type='password' clearable/>
					</el-form-item>
					
				<el-form-item>
				<el-button type="primary">登录</el-button>
				<el-button type="into">注册</el-button>
				</el-form-item>
			</el-form>
		</div>
		<script>
			Vue.createApp({
				data() {
					return {
						value: 3,
						formInline:{}
					}
				}
			}).use(ElementPlus).mount('#app')
		</script>
	</body>
</html>
